import Icon from '@ant-design/icons';

const HeartSvg = () => (
  <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024">
    <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.8-24.3-23.8-52.5-42.4-84-55.5-32.5-13.5-66.9-20.3-102.4-20.3-49.3 0-97.4 13.5-139.2 39-10 6.1-19.5 12.8-28.5 20.1-9-7.3-18.5-14-28.5-20.1-41.8-25.5-89.9-39-139.2-39-35.5 0-69.9 6.8-102.4 20.3-31.4 13-59.7 31.7-84 55.5-24.4 23.9-43.5 51.7-56.9 82.8-13.9 32.3-21 66.6-21 101.9 0 33.3 6.8 68 20.3 103.3 11.3 29.5 27.5 60.1 48.2 91 32.8 48.9 77.9 99.9 133.9 151.6 92.8 85.7 184.7 144.9 188.6 147.3l23.7 15.2c10.5 6.7 24 6.7 34.5 0l23.7-15.2c3.9-2.5 95.7-61.6 188.6-147.3 56-51.7 101.1-102.7 133.9-151.6 20.7-30.9 37-61.5 48.2-91 13.5-35.3 20.3-70 20.3-103.3 0.1-35.3-7-69.6-20.9-101.9z" />
  </svg>
);

const CirculationList = () => (
  // <glyph unicode="&#xe905;" glyph-name="circulation-list" d="M694.4 105.6h-499.2l48-44.8c9.6-6.4 16-16 16-28.8-3.2-19.2-19.2-32-38.4-32-9.6 0-22.4 6.4-28.8 12.8l-108.8 96c-12.8 12.8-16 35.2 0 48l108.8 99.2c6.4 6.4 19.2 9.6 28.8 9.6 19.2 0 35.2-16 35.2-35.2 0-9.6-6.4-19.2-12.8-25.6l-41.6-38.4h496c112 0 198.4 89.6 198.4 198.4v86.4c0 19.2 12.8 32 32 32s32-12.8 32-32v-86.4c0-140.8-118.4-259.2-265.6-259.2zM329.6 790.4h496l-48 44.8c-9.6 6.4-16 16-16 28.8 3.2 19.2 19.2 32 38.4 32 9.6 0 22.4-6.4 28.8-12.8l108.8-96c12.8-12.8 16-35.2 0-48l-105.6-99.2c-6.4-6.4-19.2-9.6-28.8-9.6-19.2 0-35.2 16-35.2 35.2 0 9.6 6.4 19.2 12.8 25.6l41.6 38.4h-496c-108.8-3.2-198.4-92.8-198.4-204.8v-89.6c0-19.2-12.8-32-32-32s-32 12.8-32 32v86.4c0 150.4 118.4 268.8 265.6 268.8z" />
  <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
    <path d="M694.4 105.6h-499.2l48-44.8c9.6-6.4 16-16 16-28.8-3.2-19.2-19.2-32-38.4-32-9.6 0-22.4 6.4-28.8 12.8l-108.8 96c-12.8 12.8-16 35.2 0 48l108.8 99.2c6.4 6.4 19.2 9.6 28.8 9.6 19.2 0 35.2-16 35.2-35.2 0-9.6-6.4-19.2-12.8-25.6l-41.6-38.4h496c112 0 198.4 89.6 198.4 198.4v86.4c0 19.2 12.8 32 32 32s32-12.8 32-32v-86.4c0-140.8-118.4-259.2-265.6-259.2zM329.6 790.4h496l-48 44.8c-9.6 6.4-16 16-16 28.8 3.2 19.2 19.2 32 38.4 32 9.6 0 22.4-6.4 28.8-12.8l108.8-96c12.8-12.8 16-35.2 0-48l-105.6-99.2c-6.4-6.4-19.2-9.6-28.8-9.6-19.2 0-35.2 16-35.2 35.2 0 9.6 6.4 19.2 12.8 25.6l41.6 38.4h-496c-108.8-3.2-198.4-92.8-198.4-204.8v-89.6c0-19.2-12.8-32-32-32s-32 12.8-32 32v86.4c0 150.4 118.4 268.8 265.6 268.8z" />
  </svg>
)

const CirculationRandom = () => (
  // <glyph unicode="&#xe906;" glyph-name="circulation-random" d="M844.8 294.4c-6.4 6.4-16 12.8-25.6 9.6-19.2 0-35.2-16-35.2-35.2 0-9.6 6.4-19.2 12.8-25.6l41.6-41.6c-44.8 6.4-86.4 22.4-121.6 51.2-3.2 0-3.2 3.2-6.4 6.4l-377.6 396.8c-64 70.4-140.8 108.8-233.6 108.8-19.2 0-35.2-16-35.2-35.2s16-32 35.2-32c73.6 0 134.4-32 182.4-86.4l390.4-406.4c48-38.4 108.8-64 172.8-70.4l-48-44.8c-9.6-6.4-16-19.2-16-28.8 0-19.2 19.2-35.2 38.4-32 9.6 0 19.2 6.4 25.6 12.8l99.2 92.8c16 16 16 41.6 0 57.6l-99.2 102.4zM841.6 851.2c-12.8 16-32 19.2-48 6.4-9.6-6.4-12.8-16-12.8-25.6 0-12.8 3.2-22.4 16-28.8l41.6-41.6c-73.6-9.6-140.8-38.4-192-89.6l-115.2-118.4c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 16-9.6 25.6-9.6s19.2 3.2 25.6 9.6l112 118.4c41.6 38.4 92.8 64 147.2 70.4l-44.8-44.8c-6.4-6.4-12.8-16-12.8-25.6 0-19.2 16-35.2 32-35.2 9.6 0 19.2 3.2 28.8 9.6l105.6 102.4c12.8 12.8 12.8 35.2 0 48l-108.8 99.2zM403.2 403.2c-9.6 0-19.2-3.2-25.6-9.6l-118.4-121.6c-48-44.8-96-67.2-160-67.2h-3.2c-19.2 0-35.2-16-35.2-35.2s16-32 35.2-32h3.2c83.2 0 147.2 32 211.2 86.4l121.6 124.8c6.4 6.4 9.6 12.8 9.6 22.4s-3.2 16-9.6 22.4c-9.6 6.4-19.2 9.6-28.8 9.6z" />
  <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
    <path d="M844.8 294.4c-6.4 6.4-16 12.8-25.6 9.6-19.2 0-35.2-16-35.2-35.2 0-9.6 6.4-19.2 12.8-25.6l41.6-41.6c-44.8 6.4-86.4 22.4-121.6 51.2-3.2 0-3.2 3.2-6.4 6.4l-377.6 396.8c-64 70.4-140.8 108.8-233.6 108.8-19.2 0-35.2-16-35.2-35.2s16-32 35.2-32c73.6 0 134.4-32 182.4-86.4l390.4-406.4c48-38.4 108.8-64 172.8-70.4l-48-44.8c-9.6-6.4-16-19.2-16-28.8 0-19.2 19.2-35.2 38.4-32 9.6 0 19.2 6.4 25.6 12.8l99.2 92.8c16 16 16 41.6 0 57.6l-99.2 102.4zM841.6 851.2c-12.8 16-32 19.2-48 6.4-9.6-6.4-12.8-16-12.8-25.6 0-12.8 3.2-22.4 16-28.8l41.6-41.6c-73.6-9.6-140.8-38.4-192-89.6l-115.2-118.4c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 16-9.6 25.6-9.6s19.2 3.2 25.6 9.6l112 118.4c41.6 38.4 92.8 64 147.2 70.4l-44.8-44.8c-6.4-6.4-12.8-16-12.8-25.6 0-19.2 16-35.2 32-35.2 9.6 0 19.2 3.2 28.8 9.6l105.6 102.4c12.8 12.8 12.8 35.2 0 48l-108.8 99.2zM403.2 403.2c-9.6 0-19.2-3.2-25.6-9.6l-118.4-121.6c-48-44.8-96-67.2-160-67.2h-3.2c-19.2 0-35.2-16-35.2-35.2s16-32 35.2-32h3.2c83.2 0 147.2 32 211.2 86.4l121.6 124.8c6.4 6.4 9.6 12.8 9.6 22.4s-3.2 16-9.6 22.4c-9.6 6.4-19.2 9.6-28.8 9.6z" />
  </svg>
)

const CirculationSingle = () => (
  // <glyph unicode="&#xe907;" glyph-name="circulation-single" d="M928 483.2c-19.2 0-32-12.8-32-32v-86.4c0-108.8-86.4-198.4-198.4-198.4h-496l41.6 38.4c6.4 6.4 12.8 16 12.8 25.6 0 19.2-16 35.2-35.2 35.2-9.6 0-22.4-3.2-28.8-9.6l-108.8-99.2c-16-12.8-12.8-35.2 0-48l108.8-96c6.4-6.4 19.2-12.8 28.8-12.8 19.2 0 35.2 12.8 38.4 32 0 12.8-6.4 22.4-16 28.8l-48 44.8h499.2c147.2 0 265.6 118.4 265.6 259.2v86.4c0 19.2-12.8 32-32 32zM96 403.2c19.2 0 32 12.8 32 32v89.6c0 112 89.6 201.6 198.4 204.8h496l-41.6-38.4c-6.4-6.4-12.8-16-12.8-25.6 0-19.2 16-35.2 35.2-35.2 9.6 0 22.4 3.2 28.8 9.6l105.6 99.2c16 12.8 12.8 35.2 0 48l-108.8 96c-6.4 6.4-19.2 12.8-28.8 12.8-19.2 0-35.2-12.8-38.4-32 0-12.8 6.4-22.4 16-28.8l48-44.8h-496c-147.2 0-265.6-118.4-265.6-268.8v-86.4c0-19.2 12.8-32 32-32zM544 288v320h-48l-80-57.6 16-41.6 60.8 41.6v-262.4z" />
  <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
    <path d="M928 483.2c-19.2 0-32-12.8-32-32v-86.4c0-108.8-86.4-198.4-198.4-198.4h-496l41.6 38.4c6.4 6.4 12.8 16 12.8 25.6 0 19.2-16 35.2-35.2 35.2-9.6 0-22.4-3.2-28.8-9.6l-108.8-99.2c-16-12.8-12.8-35.2 0-48l108.8-96c6.4-6.4 19.2-12.8 28.8-12.8 19.2 0 35.2 12.8 38.4 32 0 12.8-6.4 22.4-16 28.8l-48 44.8h499.2c147.2 0 265.6 118.4 265.6 259.2v86.4c0 19.2-12.8 32-32 32zM96 403.2c19.2 0 32 12.8 32 32v89.6c0 112 89.6 201.6 198.4 204.8h496l-41.6-38.4c-6.4-6.4-12.8-16-12.8-25.6 0-19.2 16-35.2 35.2-35.2 9.6 0 22.4 3.2 28.8 9.6l105.6 99.2c16 12.8 12.8 35.2 0 48l-108.8 96c-6.4 6.4-19.2 12.8-28.8 12.8-19.2 0-35.2-12.8-38.4-32 0-12.8 6.4-22.4 16-28.8l48-44.8h-496c-147.2 0-265.6-118.4-265.6-268.8v-86.4c0-19.2 12.8-32 32-32zM544 288v320h-48l-80-57.6 16-41.6 60.8 41.6v-262.4z" />
  </svg>
)

const PandaSvg = () => (
  <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
    <path
      d="M99.096 315.634s-82.58-64.032-82.58-132.13c0-66.064 33.032-165.162 148.646-148.646 83.37 11.91 99.096 165.162 99.096 165.162l-165.162 115.614zM924.906 315.634s82.58-64.032 82.58-132.13c0-66.064-33.032-165.162-148.646-148.646-83.37 11.91-99.096 165.162-99.096 165.162l165.162 115.614z"
      fill="#6B676E"
      p-id="1143"
    />
    <path
      d="M1024 561.548c0 264.526-229.23 429.42-512.002 429.42S0 826.076 0 561.548 283.96 66.064 512.002 66.064 1024 297.022 1024 561.548z"
      fill="#FFEBD2"
      p-id="1144"
    />
    <path
      d="M330.324 842.126c0 82.096 81.34 148.646 181.678 148.646s181.678-66.55 181.678-148.646H330.324z"
      fill="#E9D7C3"
      p-id="1145"
    />
    <path
      d="M644.13 611.098C594.582 528.516 561.55 512 512.002 512c-49.548 0-82.58 16.516-132.13 99.096-42.488 70.814-78.73 211.264-49.548 247.742 66.064 82.58 165.162 33.032 181.678 33.032 16.516 0 115.614 49.548 181.678-33.032 29.18-36.476-7.064-176.93-49.55-247.74z"
      fill="#FFFFFF"
      p-id="1146"
    />
    <path
      d="M611.098 495.484c0-45.608 36.974-82.58 82.58-82.58 49.548 0 198.194 99.098 198.194 165.162s-79.934 144.904-148.646 99.096c-49.548-33.032-132.128-148.646-132.128-181.678zM412.904 495.484c0-45.608-36.974-82.58-82.58-82.58-49.548 0-198.194 99.098-198.194 165.162s79.934 144.904 148.646 99.096c49.548-33.032 132.128-148.646 132.128-181.678z"
      fill="#6B676E"
      p-id="1147"
    />
    <path
      d="M512.002 726.622c-30.06 0-115.614 5.668-115.614 33.032 0 49.638 105.484 85.24 115.614 82.58 10.128 2.66 115.614-32.944 115.614-82.58-0.002-27.366-85.556-33.032-115.614-33.032z"
      fill="#464655"
      p-id="1148"
    />
    <path
      d="M330.324 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z"
      fill="#464655"
      p-id="1149"
    />
    <path
      d="M693.678 495.484m-33.032 0a33.032 33.032 0 1 0 66.064 0 33.032 33.032 0 1 0-66.064 0Z"
      fill="#464655"
      p-id="1150"
    />
  </svg>
);

const HeartIcon = props => <Icon component={HeartSvg} {...props} />;

const PandaIcon = props => <Icon component={PandaSvg} {...props} />;

const CircuListIcon = props => <Icon component={CirculationList} {...props} />
const CircuRandomIcon = props => <Icon component={CirculationRandom} {...props} />
const CircuSingleIcon = props => <Icon component={CirculationSingle} {...props} />


export {
  HeartIcon,
  PandaIcon,
  CircuListIcon,
  CircuRandomIcon,
  CircuSingleIcon,
}

export default PandaIcon